// import logo from './logo.svg';
import React from 'react';
import LeftNav from './components/leftNav/LeftNav.js';

class App extends React.Component {
  state = {
    collapsed: false,
  };

  toggleCollapsed = () => {
    this.setState({
      collapsed: !this.state.collapsed,
    });
  };

  render() {
    return (
      <LeftNav />
    );
  }
}
export default App;
// import './App.css';
// import {
//   BrowserRouter as Router,
//   Switch,
//   Route,
//   Link,
//   useRouteMatch
// } from "react-router-dom";
// import { routes } from './routers/RouteConfig';
// import { Menu, Button } from 'antd';
// import {
//   AppstoreOutlined,
//   MenuUnfoldOutlined,
//   MenuFoldOutlined,
//   PieChartOutlined,
//   DesktopOutlined,
//   ContainerOutlined,
//   MailOutlined,
// } from '@ant-design/icons';


// const { SubMenu } = Menu;

// function App() {
//   return (
//     <Router>
//       <div style={{ display: "flex" }}>
//         <div
//           style={{
//             padding: "10px",
//             width: "40%",
//             background: "#f0f0f0"
//           }}
//         >
//           <ul style={{ listStyleType: "none", padding: 0 }}>
//             <li>
//               <Link to="/">Home</Link>

//             </li>
//             <li>
//               <Link to="/about">About</Link>
//             </li>
//             <li>
//               <Link to="/shoelaces">Shoelaces</Link>
//             </li>
//           </ul>

//           <Switch>
//             {routes.map((route, index) => (
//               // You can render a <Route> in as many places
//               // as you want in your app. It will render along
//               // with any other <Route>s that also match the URL.
//               // So, a sidebar or breadcrumbs or anything else
//               // that requires you to render multiple things
//               // in multiple places at the same URL is nothing
//               // more than multiple <Route>s.
//               <Route
//                 key={index}
//                 path={route.path}
//                 exact={route.exact}
//                 children={<route.sidebar />}
//               />
//             ))}
//           </Switch>
//         </div>
//         {/* 右侧内容 */}
//         <div style={{ flex: 1, padding: "10px" }}>
//           <Switch>
//             {routes.map((route, index) => (
//               // Render more <Route>s with the same paths as
//               // above, but different components this time.
//               <Route
//                 key={index}
//                 path={route.path}
//                 exact={route.exact}
//                 children={<route.main />}
//               />
//             ))}
//           </Switch>
//         </div>
//       </div>
//     </Router>
//   );
// }



